查看原文
其他

Creator优化心得:减少脚本文件的大小

Colin Creator星球游戏开发社区 2021-08-09

星期2是公众号更新的一个时间点,Shawn这几天情事太多,眼看就快要过12点了,公众号教程看来今天黄呀!但是不发晚上睡不着呀,看来我是中了得到罗胖的毒“死磕自己”,一定要把公众号给发了。还好之前留着大神Colin的一些文章,还没在公众号上推送过,我立马读了一下,任然有不少收获,现将这篇文章分享给大家,在此感谢Colin!


在深圳Cocos沙龙上,有幸结识了社区中大名顶顶的Colin,Shawn在论坛上第一次看到Colin的团队用CocosCreator制作的《热血暗黑》时就被深深地震撼到了!更为重要的是,Colin将他的技术心得和宝贵开发经验写成文字,每一篇分享都是满满的干活,而且幸运的是Shawn得到Colin的授权许可,将他的文章散播到奎特尔星球,与你一起欣赏一起成长!


Cocos Creator优化心得:减少脚本文件的大小



首先得说明,我们做的是原生版的手游,所以下面的优化只对原生版有用。


众所周知,当前的Creator不管是调试还是打包,都会将脚本先打包成一个大文件。这对于小型一点游戏项目没有太大问题,一旦代码以万行计,问题就各种暴露出来了:


  • 首担其冲是开发时的编译,我们目前的脚本是11万行左右,改一下代码,基本上需要编译20秒以上。

  • 其次是程序在手机中的启动时间,编译成jsc后,大概是5M左右,JS要加载这5M脚本,还是需要一些时间的。

  • 最后是热更新大小,5M的文件压缩之后,差不多是1.7M左右,也即是每次的热更最小需要这么大小。


我原来的想法是将策划的配置表设置为插件的方式,这样大约可以减少一半的代码行,不知道你对这个数据的感觉如何,对于一个长线的MMO来说,5万行配置数据是很正常的。但是看了官方文档,说插件会在脚本启动前一次性加载,而配置文件大概有200多个,这在安卓上可能会很恐怖的。我还真就编译了一个配置数据是插件的安卓包试过,结果启动时间是10秒左右,而且内存暴涨。从这个例子也侧面证明安卓的IO速度真是出了名的慢,因为这个限制,也没去深入研究,只好作罢。

今天经由@panda的提醒,才知道插件是可以不用一次性加载的,在打包出来的main.js中有:

var jsList = _CCSettings.jsList

这样的代码,jsList里面就包含着插件的脚本文件,我只需要在打包过程中,修改main.js文件,将配置表的插件文件从jsList中删除,那么配置表就不会被预先加载了,代码类似这样:

var jsList = _CCSettings.jsListif (jsList) {
   for (var i = jsList.length-1; i >= 0; --i) {
       if (isConfigFile(jsList[i])) {
           // 这是个伪函数,用来判断是不是配置表的    jsList.splice(i, 1); }    } }

这里先解答点疑问,为什么不将配置文件存为json,在程序中要用再去加载。原因是Creator加载数据都是异步的,这意味着,我每次需要数据的时候,都需要用回调函数的方式,这会很麻烦的。


回到上面,作为插件的配置数据,就不能用require简单的取了,我写了一个函数,必须通过这个函数去取配置表:

window.requireConfig = function(configName) {
   if (!window[configName] && cc.sys.isNative && cc.sys.isMobile) { require("src/assets/Script/Config/" + configName + '.js') } return window[configName]; }

当插件未加载,并且是手机的原生版,就调用require去加载插件,注意里面的路径。插件加载完后,会保存为全局变量,所以如果全局变量已经存在,就直接返回了。关于插件的一些限制,可以看看官方文档。


从上面可知,其他平台插件是会先加载的,由于我们做的是手游,其他平台只作为开发调试之用,所以就不管了。我索性把上面的脚本也当作一个插件,这样无论在哪里,都可以用下面的代码获取配置数据:

var mapCfg = requireConfig("MapConfig")console.log(mapCfg.name)

另一个值得提的地方,是requireConfig尽量在函数中调用,不要像require那样放在模块头,这样可以尽可能的延迟插件的加载。我统计过,在没有做这个处理之前,手机启动到登陆界面,一共加载了65个配置脚本。做了处理后,只加载了5个。这对于手机的启动速度也是非常有好处的。


经过上面的优化之后,脚本行数降到5万多行,编译时间降为8秒。project.jsc经过压缩后变成400多K。在一台千元加的安卓上,从启动到进入LOGO界面,大概只要1.7秒时间:)


在这里真要感谢panda,和引擎的人做朋友真好,一句话胜读千行代码。另外,新引擎版本的Creator我也试用了,过段时间再发一些体验心得。



欢迎关注「奎特尔星球」微信公众号,更期待你向公众号投稿,来我们一起成长!


热门文章TOP10,邀你遨游「奎特尔星球」

  1. Cococ Creator基础教程—meta的秘密(3)

  2. 庆祝「奎特尔」500勇士,诞生!

  3. 当creator遇上protobufjs—感谢有你,再战2.0

  4. Cocos Creator基础教程(7)—场景切换

  5. Cocos Creator基础教程(9)—优化代码编辑器

  6. Cocos Creator基础教程(4)—color属性的妙用

  7. Cocos Creator基础教程(1)—从zIndex开始

  8. Cocos Creator基础教程(2)—聊聊scale与size属性

  9. Creator模块介绍—领略模块化的力量

  10. 探索CocosH5正确的开发姿势

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存